﻿<!doctype html>
<html>
<head>
    <title>邮件详情</title>
    <meta charset="utf-8" />
    <meta http-equiv="description" content="ajax" />
    <link rel="stylesheet" href="../static/css/adapt.css" />
    <link rel="stylesheet" href="../static/css/font-awesome.css" />
    <link rel="stylesheet" href="../static/css/font-awesome.min.css" />
    <script src="../static/js/adapt.js"></script>
    <script src="../static/js/jquery-3.3.1.min.js"></script>
    <!--//authorJen-->
</head>
<body>
    <div class="containtOut">
        <!--导航条-->
        <div class="barCont">
            <div class="barTop clearfix">
                <div class="topLeft">
                    <a href="">
                        <span class="iconImg icon-home"></span>
                        <span class="iconFont">首页</span>
                    </a>
                </div>
                <div class="topRight clearfix">
                    <div class="list list0"><a href=""><span class="listfont icon-group">部门管理</span></a></div>
                    <div class="list list1"><a href=""><span class="listfont icon-envelope">邮件管理</span></a></div>
                    <div class="list list2"><a href=""><span class="listfont icon-twitter">用户管理</span></a></div>
                    <div class="logInfo">
                        <span  class="infoSelf icon-github-alt">EyesKiller</span>
                        <span class="logOut"><a href="">退出</a></span>
                    </div>
                </div>
            </div>
            <div class="barTop0 clearfix">
                <div class="logoCont">Logo</div>
                <div class="searchCont clearfix">
                    <input class="sear icon-search" type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司查询"/>
                    <span class="searIcon icon-search"></span>
                    <span class="searSubmit">查询</span>
                </div>
            </div>
        </div>
        <!--面试进度-->
        <div class="interP">
           <div class="mailCont clearfix">
               <div class="mailTit">邮件进度流程</div>
               <div class="proCont clearfix">
                   <span class="circCont">1</span>
                   <div class="cirTit">发送邮箱至Hr</div>
               </div>
               <div class="proCont clearfix">
                   <span class="circCont">1</span>
                   <div class="cirTit">发送邮件至Hr邮箱</div>
               </div>
               <div class="proCont clearfix">
                   <span class="circCont">2</span>
                   <div class="cirTit">约定面试官</div>
               </div>
               <div class="proCont clearfix">
                   <span class="circCont">3</span>
                   <div class="cirTit">安排面试是时间</div>
               </div>
               <div class="proCont clearfix">
                   <span class="circCont">4</span>
                   <div class="cirTit">面试完成</div>
               </div>
               <div class="proCont clearfix">
                   <span class="circCont">5</span>
                   <div class="cirTit">面试结果</div>
               </div>
               <div class="progTab">
                   <span class="tit">当前进度提示</span>
                   <div class="percTab">70%</div>
               </div>
           </div>
            <!--职位信息-->
            <div class="positInfo">
                <div class="lineFir clearfix">
                    <div class="infoName listSty">公司名：<span>忆信捷</span></div>
                    <div class="infoPositName listSty">职位名：<span>项目经理</span></div>
                    <div class="salaryInfo listSty">薪资信息：<span>10000</span></div>
                </div>
                <div class="positInfoDetil">职位信息详情：
                    <div class="detil">详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情</div>
                </div>
            </div>
        </div>

    </div>
    <script type="text/javascript">
        $(function () {
            /*全局效果*/
            $(".compSubmit").hover(function () {
                $(this).css("backgroundColor", "#8631C7");
            }, function () {
                $(this).css("backgroundColor", "#551A8B");
            })
            
        })
    </script>
</body>
</html>